﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <!--机构用户中心公用样式-->
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <link href="../css/ActivityManage.css" rel="stylesheet" />

</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg"/></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li class="current"><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                活动管理
            </div>
            <div id="cnt" class="silde-content">
                <!-- 右边内容主体块 -->
                <div class="jg_title">
                    <a href="javascript://" onclick="add()" class="click-link">新建活动</a>
                    <h1>活动管理</h1>
                    <div class="bm_swtich_all">
                        <ul class="bm_swtich">
                            <li class="e">即将进行</li>
                            <li>往期活动</li>
                            <li>预备活动</li>
                            <li>已取消</li>
                        </ul>
                        <i class="bm_swtich_line"></i>
                    </div>
                </div>
                <div class="mod-act cont tab-content">
                    <div class="col-arena tab-pane active" id="wellAct">
                        <div class="all_bm_cont" style="display: block;">
                            <h2>12月</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="ActivityDetail.html"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="ActivityDetail.html">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b>正在报名</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>已报名<a href="javascript://">详细</a></h4>
                                        <h1>366人</h1>
                                        <span>最大报名人数500人</span>
                                        <div class="progress_bar">
                                            <div class="progress_in" style="width:70%"></div>
                                        </div>
                                    </div>
                                    <p class="chouban">筹办中</p>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img02.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b>正在报名</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>已报名<a href="javascript://">详细</a></h4>
                                        <h1>400人</h1>
                                        <span>最大500人，300人成团</span>
                                        <div class="progress_bar">
                                            <div class="progress_in" style="width:75%"></div>
                                        </div>
                                    </div>
                                    <p class="chouban">成功</p>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img03.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b>正在报名</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>已报名<a href="javascript://">详细</a></h4>
                                        <h1>240人</h1>
                                        <span>最大500人，300人成团</span>
                                        <div class="progress_bar">
                                            <div class="progress_in" style="width:50%"></div>
                                        </div>
                                    </div>
                                    <p class="chouban">筹办中</p>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img04.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖, 该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖, </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b>正在报名</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>已报名<a href="javascript://">详细</a></h4>
                                        <h1>270人</h1>
                                        <span>最大500人，300人成团</span>
                                        <div class="progress_bar">
                                            <div class="progress_in" style="width:44%"></div>
                                        </div>
                                    </div>
                                    <p class="chouban">筹办中</p>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                            </ul>
                            <h2>11月</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img04.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b>正在筹办</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>已报名<a href="javascript://">详细</a></h4>
                                        <h1>400人</h1>
                                        <span>最大500人，300人成团</span>
                                        <div class="progress_bar">
                                            <div class="progress_in" style="width:50%"></div>
                                        </div>
                                    </div>
                                    <p class="chouban">筹办中</p>
                                    <a href="javascript://" class="closes">×</a>
                                    <div class="more-list">
                                        <hr>
                                        <div class="ingList">
                                            <div class="ing">
                                                <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                                <span>时间：2016-02-02 13：00-15：00</span>
                                                <span>状态:<em>正在筹办</em></span>
                                                <i><em>142</em>/300/<b>500</b></i>
                                            </div>
                                            <div class="ing">
                                                <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                                <span>时间：2016-02-02 13：00-15：00</span>
                                                <span>状态:<em>正在筹办</em></span>
                                                <i><em>142</em>/300/<b>500</b></i>
                                            </div>
                                        </div>
                                        <p class="receives">更多场次</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="all_bm_cont">
                            <h2>10月</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img04.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b class="end">已结束</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>参加人数<a href="javascript://">详细</a></h4>
                                        <h1>4366人</h1>
                                        <div class="form-group">
                                            <button type="button" class="btn green">增加场次</button>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img03.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b class="end">已结束</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>参加人数<a href="javascript://">详细</a></h4>
                                        <h1>4366人</h1>
                                        <div class="form-group">
                                            <button type="button" class="btn green">增加场次</button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <h2>9月</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img02.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                场地：<i>绍兴图书馆镜湖新馆 2F 报考厅</i>
                                            </p>
                                            <p>时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b class="end">已结束</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <div class="promotion">
                                        <h4>参加人数<a href="javascript://">详细</a></h4>
                                        <h1>4366人</h1>
                                        <div class="form-group">
                                            <button type="button" class="btn green">增加场次</button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="all_bm_cont">
                            <h2>预备活动</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                状态：<b class="no">未通过</b>（活动内容不符合政策方向）
                                            </p>
                                            <div class="form-group">
                                                <button type="button" class="btn orange">修改</button>
                                            </div>
                                        </dd>
                                    </dl>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                状态：<b class="end">待审核</b>
                                            </p>
                                        </dd>
                                    </dl>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                状态：<b class="ok">已通过</b>
                                            </p>
                                            <div class="form-group">
                                                <button type="button" class="btn green">安排场次</button>
                                            </div>
                                        </dd>
                                    </dl>
                                    <a href="javascript://" class="closes">×</a>
                                </li>
                            </ul>
                        </div>
                        <div class="all_bm_cont">
                            <h2>已取消</h2>
                            <ul class="bm_list_cont radius">
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                操作人:小丽
                                            </p>
                                            <p>操作时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b class="end">已取消</b>
                                            </p>
                                        </dd>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt><a href="javascript://"><img src="../images/act-img01.png" /></a></dt>
                                        <dd>
                                            <a href="javascript://">韦伯经典原版音乐剧《剧院魅影》</a>
                                            <p>该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,该剧获得超过50个的主要戏剧奖项，包括三项奥立弗奖,  </p>
                                            <p>
                                                操作人:小丽
                                            </p>
                                            <p>操作时间：2016-01-02 13：00-15：00</p>
                                            <p>
                                                状态：<b class="end">已取消</b>
                                            </p>
                                        </dd>
                                    </dl>
                                </li>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="add" style="display:none ;">
                <div class="jg_title">
                    <a class="click-link pull-right" href="javascript://" onclick="off()">取消</a>
                    <h1>创建活动</h1>
                    <p>设置活动信息，创建活动场次</p>
                </div>
                <div class="layer-body adds form-horizontal">
                    <h3><i class="icon">1</i>基本信息</h3>
                    <fieldset class="form-body">
                        <div class="form-group">
                            <label class="control-label">活动类型：</label>
                            <div class="controls form-control-static">
                                <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">一百年活动</label>
                                <hr class="hr-br" />
                                <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">筹备活动</label>
                                <input type="text" class="form-control col-md-1 no-space" placeholder="比例" />
                                <span class="help-block">%</span>
                                <span class="help-block text-gray">报名人数 > 活动最大人数 * 筹办比例 = 筹办成功</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">所属类型：</label>
                            <div class="controls">
                                <select class="form-control col-md-2">
                                    <option>亲子活动</option>
                                    <option>公益活动</option>
                                    <option>展览展会</option>
                                    <option>名家讲坛</option>
                                    <option>技术研讨</option>
                                    <option>全民科普</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动名称：</label>
                            <div class="controls">
                                <input type="text" class="form-control col-md-3" placeholder="请输入"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">关键词：</label>
                            <div class="controls clearfix">
                                <input type="text" class="form-control col-md-2" placeholder="请输入"/>
                                <input type="text" class="form-control col-md-2" placeholder="请输入"/>
                                <input type="text" class="form-control col-md-2" placeholder="请输入"/>
                                <span class="help-block text-gray">最少输入一个关键词</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">收费模式：</label>
                            <div class="controls form-control-static">
                                <label class="radio-inline"> <input type="radio" value="option1" />免费</label>
                                <hr class="hr-br" />
                                <label class="radio-inline"> <input type="radio" value="option1" />现场付费</label>
                                <input type="text" class="form-control col-md-2 no-space" placeholder="￥" />
                                <hr class="hr-br" />
                                <label class="radio-inline"> <input type="radio" value="option1" />平台积分</label>
                                <input type="text" class="form-control col-md-2 no-space" placeholder="" />
                                <label class="checkbox-inline"> <input type="checkbox" value="option1"/>签到返还</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">预约模式：</label>
                            <div class="controls form-control-static">
                                <label class="radio-inline"> <input type="radio" value="option1">免预约</label>
                                <label class="radio-inline"> <input type="radio" value="option1">预约</label>
                                <input type="text" class="form-control col-md-2 no-space" placeholder="预约限制" />
                                <span class="help-block text-gray" style="padding-top: 0;">填写数量对单人可预约座位数进行限制，0为不限制</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动简介：</label>
                            <div class="controls">
                                <textarea class="form-control col-md-4" style="height:90px;" placeholder="活动简介将展示给读者，限25个字"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">横板海报：</label>
                            <div class="controls">
                                <div class="img_upload1">
                                    <img id="horizImg" src="../images/img_400.png" style="margin-bottom:10px;" width="200" height="150" />
                                    </div>
                                    <br />
                                    <span class="btn fileinput-button">
                                        <span>选择文件</span>
                                        <input type="file" name="files[]" multiple="" id="logoId" onchange="fileView(this, 'horizImg')">
                                    </span>
                                </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">竖版海报：</label>
                            <div class="controls">
                                <div class="img_upload2">
                                    <img id="verticalImg" src="../images/img_300.png" style="margin-bottom:10px;" width="150" height="200" />
                                </div>
                                <br />
                                <span class="btn fileinput-button">
                                    <span>选择文件</span>
                                    <input type="file" name="files[]" multiple="" id="logoId" onchange="fileView(this, 'verticalImg')">
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label">活动详情：</label>
                            <div class="controls">
                                <textarea class="form-control col-md-8" style="height:260px;" placeholder=""></textarea>
                            </div>
                        </div>
                        <hr />
                        <div id="edit" class="edit-site" style="display:none;">
                            <h3><i class="icon">2</i>场地地图</h3>
                        </div>
                        <div class="form-group text-right">
                            <button type="button" id="keep" class="btn green" onclick="onkeep()">继续</button>
                            <button type="button" id="save" class="btn green" onclick="onsave(this)" data-ids="" style="display:none;">保存</button>
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/animate.js"></script>
    <script type="text/javascript">
        var add = function (e) {
            $("#add").show().find("#save").attr("data-ids", e);
            $("#cnt").hide()
        };
        var off = function () {
            $("#add").hide()
            $("#cnt").show()
        }
        
        var keep = $("#keep");
        var save = $("#save");
        var edit = $("#edit");
        var onkeep = function () {
            keep.hide();
            save.show();
            edit.show();
        };
        var onsave = function (s) {
            var id = $(s).attr("data-ids");//获取指定场馆的id值
            //提交保存数据的逻辑
            console.log(id);

            keep.show();
            save.hide();
            edit.hide();
            off();
        }
        $(function () {
            //$('#act a').tab('show');

            //活动管理处选项卡切换
            $(".bm_swtich_all").each(function () {
                var ths = $(this);
                var tli = ths.find("li");
                var tle = ths.find(".bm_swtich_line");
                var tli_width = $(".bm_swtich li:first").width();
                tle.width(tli_width);
                tli.click(function () {
                    var tw = $(this).width();
                    tli.removeClass("e");
                    $(this).addClass("e");
                    tle.stop(true, true).animate({
                        width: tw,
                        left: $(this).position().left
                    })
                    var indexs = $(this).index();
                    $(".all_bm_cont").eq(indexs).show().siblings(".all_bm_cont").hide();
                })
            })

            //更多场次点击展开收起
            $(".more-list .receives").click(function () {
                var $pp = $(this).siblings(".ingList");
                if ($pp.is(":visible")) {
                    $pp.slideUp();
                    $(this).text("更多场次");
                }
                else {
                    $pp.slideDown();
                    $(this).text("收起");
                }
            })
        })
        $(function () {
            //侧导航高度自适应
            onscrolls2();
        })
    </script>
</body>
</html>
